<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		
		<title>{{page.title}} - {{site.title}}</title>	

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		
		{{> layout._template.styles}}{{!also some scripts as well}}
	</head>

	<body class="no-skin">
	{{> layout.navbar}}

		<div class="main-container" id="main-container">

		 {{> layout.sidebar}}

			<div class="main-content">

				<div class="page-content">

					<div class="row">
					 <div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
{{> page.content }}
<!-- PAGE CONTENT ENDS -->
					 </div><!-- /.col -->
					</div><!-- /.row -->

				</div><!-- /.page-content -->
			</div><!-- /.main-content -->

		</div><!-- /.main-container -->

		{{> layout._template.scripts}}
	</body>
</html>
